<template>
    <div class="skeleton-box">
        <div style="width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; flex-direction: column">
            <p v-for="(item, index) in msg" :key="index" style="margin: 0; padding: 0; font-weight: normal">
                {{ item }}
            </p>
        </div>
    </div>
</template>

<script lang="ts">
import { Vue, Component } from 'vue-property-decorator';

@Component({
    name: 'Skeleton'
})
export default class Skeleton extends Vue {
    msg: string[] = ['骨架屏测试', '系统正在加载,请稍等', '[首屏/白屏预渲染][样式布局后期优化]'];
}
</script>
